//Color
$color-theme: #2d2d2d;
$color-background: #ddd;
$color-font: #817C7C;
$color-content: #413F3F;
$color-white: #ffffff;
$color-blue: #2ca6cb;
$color-orange: #ea6753;
$color-font-nav: #E9CD4C;
$color-section: #fafafa;
$color-footer: #1f1f1f;
$color-gray: #676767;
$color-meta: #808080;
$color-heading: #333333;
$color-quote: #f5f5f5;
$color-code: #eee;
$color-twitter: #00aced;
$color-facebook: #3b5998;
$color-weibo: #c64d3e;
$color-google: #dd4b39;
$color-qrcode: #49ae0f;
$color-renren: #369;
$color-top: #762c54;
$color-border: #dbdbdb;

//Media
$width-phone: 568px;
$width-mini: 768px;
$width-tablet: 1024px;
$width-desktop: 1560px;
// $phone: "only screen and (min-width: " + $width-phone + ")";
// $mini: "only screen and (min-width: " + $width-mini + ")";
// $tablet: "only screen and (min-width: " + $width-tablet + ")";
// $desktop: "only screen and (min-width: " + $width-desktop + ")";
// $phonemax: "only screen and (max-width: " + $width-phone + ")";
// $tabletmax: "only screen and (max-width: " + $width-tablet + ")";
$phone: "min-width: " + $width-phone;
$mini: "min-width: " + $width-mini;
$tablet: "min-width: " + $width-tablet;
$desktop: "min-width: " + $width-desktop;
$phonemax: "max-width: " + $width-phone;
$tabletmax: "max-width: " + $width-tablet;

//Font
$font-default: "Helvetica Neue", "Helvetica", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;
$font-serif: "Georgia", serif;
$font-mono: Monaco, Menlo, Consolas, "Courier New", monospace;

$font-custom-family: "Just Another Hand";
$font-custom-package: "font-just-another-hand";
$font-custom-filename: "just-another-hand-v7-latin-regular";


$font-icon-family: "FontAwesome";
$font-icon-package: "font-awesome";
$font-icon-filename: "fontawesome-webfont";
$font-icon-version: "4.7.0";
// $show_custom_font: hexo-config("show_custom_font");
$show_custom_font: true; // TODO: remove this
$font-size: 100%;
$line-height: 1.5;

//image
$author-img: "/img/author.webp";

//comment
// $duoshuo: hexo-config("duoshuo_shortname");

//banner image
// $banner-img: hexo-config("banner_img");